@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:24px;font-family:tahoma,arial,"Microsoft YaHei";-webkit-text-size-adjust:none;background: #f2f2f2;color:#777;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tbody,tr,th,td,p,a,img,i,em,span{border:0;margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
a{color:#666;text-decoration:none;}
a:hover{color:#e02241;text-decoration:underline;}
img{ vertical-align: bottom;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.clearfix{clear: both;}
.clearfix:after{clear: both;display: block;visibility: hidden;height: 0;line-height: 0;content: '';}
.clearfix {zoom: 1;}
.w{ width: 980px; margin: 0 auto;}


/*头部区域*/
.header{width:100%;height:90px;margin:0 auto;position:relative;z-index:1;background: #fff;}
.header h1{width:580px;height:70px;float:left;margin:10px 0;}
.header h1.logo{background:url(../images/logo.png) no-repeat;}

.search{float:right;width:273px;height:36px;margin-top:27px; position: relative;}
.search .key{width:180px;height:32px;float:left;line-height: 32px; border: 1px solid #ddd; background: #ebebeb; padding: 0px 10px 2px; border-radius: 2px 0 0 2px; color: #999;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{width:72px;height:36px; background: #4298d3; border:none;cursor:pointer; position: absolute;right: 0; border-radius: 2px;}
.search .sub:hover{ background: #3a87ba;}
.search .sub span{ color: #fff; font-size: 14px; font-family:"Microsoft YaHei";}

/*.header .txt{position:absolute;width:174px;top:18px;right:16px;text-align:center;color:#dfdfdf;_display:inline-block;}
.header .txt span{padding:0 10px;}
.header .tel{position:absolute;top:50px;right:16px;height:14px;line-height:14px;padding-left:70px;background:url(../images/tel_txt.png) no-repeat;text-align:center;font-family:Verdana;font-size:14px;color:#8d8c8c;}*/

.navArea{}
.navBg{background:#4298d3;}
.nav{height:42px;line-height:42px;font-family:"Microsoft YaHei";}
.nav li{float:left;}
.nav li a{display:block;font-size:14px;color:#fff; padding: 0 30px;}
.nav li a:hover, .nav li a:hover.on{background:#3a87ba;text-decoration:none;}
.nav li a.on{background:#3a87ba; color: #fff;}
.nav li a.on2{background:#3a87ba;text-decoration:none;}
.nav li:hover.on{background:#3a87ba;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;} 
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:130px;height:20px;padding:8px 15px 8px 15px;background:#555;text-align:left;font-weight:normal;font-size:12px;color:#ccc;}
.nav li ul li a:hover{color:#fff;}
.nav .t,.nav .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}


/*Banner*/
.banner{ width: 100%; height: 407px; border-bottom: 1px solid #fff; position: relative;}

.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slide li{ position: absolute; width: 100%; height: 407px; left: 0; top: 0;}
.slide li a{ display: none;}
.slide .caption { display: none;}
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 115px; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top;}
.slide_nav:active { opacity: 1.0;}
.slide_nav.next { left: auto; background-position: right top;right: 0;}
.slide_tabs{ width:120px; position: relative; left: 50%; margin-left: -50px;}
.slide_tabs li{ float: left; margin-left: 10px; display: inline-block; background: #333; position: relative; top: -22px; width: 12px; height: 12px; border-radius: 12px; z-index: 999; overflow: hidden; }
.slide_tabs li.slide_here{ background: #4298d3;}
.slide_tabs li a{ line-height: 60px; display: block; height: 12px; overflow: hidden;}


/*公告区域*/
/*.subnotice{width:935px;margin:0 auto 35px auto;padding:0 10px 0 15px;height:30px;line-height:30px;background:#f3f3f3;color:#8d8d8d;overflow:hidden;}
.subnotice strong{color:#6a6a6a;float:left;}
.notice{width:935px;margin:0 auto 35px auto;padding:0 10px 0 15px;height:36px;line-height:36px;background:#f3f3f3;color:#8d8d8d;overflow:hidden;}
.notice_a{width:680px;overflow:hidden;float:left;}
.notice_a strong{color:#6a6a6a;float:left;}*/



/*-------------首页主体内容------------*/

.mainbody{}

.mainbody .hd{ border-bottom: 1px solid #ddd;}
.mainbody .bd{ border-top: 1px solid #fff; padding: 0 0 40px;}
.mainbody .prowrap{ width: 300px; float: left; text-shadow: #fff 0 1px 0;}
.mainbody .prowrap .bd .mc h3,.mainbody .casewrap .bd .mc h3{ font-size: 12px; padding: 10px 0  5px;}
.mainbody .prowrap .bd .mt,.mainbody .casewrap .bd .mt,.mainbody .prowrap .bd .mc,.mainbody .casewrap .bd .mc{ margin-top: 10px; }
.mainbody .casewrap{ width: 300px; float: left; margin: 0 40px; text-shadow: #fff 0 1px 0;}
/*.mainbody .casewrap{ width: 320px; float: left; margin: 0 40px; text-shadow: #fff 0 1px 0;}
.mainbody .casewrap .mt ul{ margin: -20px 0 0 -20px;}
.mainbody .casewrap .mt li{ float: left; display: inline; margin: 20px 0 0 20px;}
.mainbody .casewrap .mc{ margin-left: -20px; padding: 17px 0 0;}
.mainbody .casewrap .mc ul{}
.mainbody .casewrap .mc li{ line-height: 30px; width: 150px; padding-left: 20px; float: left;}*/
.mainbody .newswrap{ width: 300px; float: right; text-shadow: #fff 0 1px 0;}
.mainbody .newswrap .mt{ border-bottom: 1px dotted #ddd; padding: 40px 0 10px;}
.mainbody .newswrap .mt img{ width: 300px; height: 150px;}
.mainbody .newswrap .mt h3{ padding: 10px 0 3px;}
.mainbody .newswrap .mc{ border-top: 1px dotted #fff; padding: 16px 0 0; line-height: 30px;}
.footwarp{ background: #fff; padding: 10px 0 40px; display: block; border-top: 1px solid #ddd;}

/*友情链接*/
.weblink{ padding: 20px 0; }
.weblink li{ float: left; width: 25%;}
.weblink a{}
.weblink a:hover{}

/*页脚区域*/
.footer{ padding: 10px 0;}
.footer ul{ margin-left: -15px;}
.footer li{ float: left; position: relative; padding: 0 15px; line-height: 30px;}
.footer li i{ width: 1px; height: 12px; position: absolute; right: 0; top: 10px; display: block; background: #999;}
.contmsg{/*width:40px;height:37px;position:fixed;bottom:0;right:20px;background:url(../images/msg_bg.gif) no-repeat;cursor:pointer;text-decoration:none;line-height:18px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));*/}
.msgtxt{}

/*.contact{background:url(../images/contact_title.png) no-repeat;padding-top:23px;color:#c6c5c5;margin:14px 0 25px 0;}
.follow{background:url(../images/follow_title.png) no-repeat;padding-top:30px;}
.follow a{text-indent:-99999px;overflow:hidden;float:left;}
.follow a.sina{display:block;width:62px;height:50px;background:url(../images/sina_logo.png) no-repeat;margin:0 30px 0 15px;}
.follow a.tqq{display:block;width:48px;height:50px;background:url(../images/tqq_logo.png) no-repeat 0 center;}*/

/*menu*/
.menu{ height: 46px; position: relative;}
.menu i{ width: 3px; height: 14px; overflow: hidden; font-size: 0; position: absolute; background: #4298d3; display: block; top: 17px;}
.menu h2{ position: absolute; font-size: 14px; color: #333; line-height: 46px; left: 13px;}
.menu a{ position: absolute; right: 0; margin: 10px 0; padding: 8px 0 8px 20px;}
.menu span{ width: 23px; height: 6px; background: url(../images/more.png) no-repeat; display: block;}

/*------------子页样式----------------*/
/*广告*/
.subBanner{ width: 100%; height: 150px; overflow: hidden; text-align: center; background: url(../images/banner-ir.png) top center no-repeat;}
.subBanner img{ display: none;}

/*面包屑*/
.subCrumbs{ border-bottom: 1px solid #ddd; background: #fff; height: 40px; line-height: 38px;}
.subCrumbs .w{ position: relative; text-indent: 2em;}
.subCrumbs i{ position: absolute; width: 12px; height: 10px; display: block; background: url(../images/bg.png) 0 -6px no-repeat; top: 20px;}
/*内容*/
.subBody{}
.subBody .subMain{ float: left; width: 750px; padding: 30px 0;}
/*侧栏*/
.subBody .subSide{ float: right; width: 200px; position: relative;}
.subBody .subSide iframe { width: 200px;}
.subBody .subSide .subSideMain{ width: 200px;}
.subBody .subSide .subSideMain .hd{ position: relative; height: 30px; padding: 10px 20px; border-top: 1px solid #ddd;}
.subBody .subSide .subSideMain .hd i{ position: absolute; left: 0; top: 20px; width: 3px; height: 12px; background: #4298d3; display: block;}
.subBody .subSide .subSideMain .hd h2{ font-size: 14px; line-height: 30px; color: #092938;}
.subBody .subSide .subSideMain .hd.noline{ border: 0 none;}
.subBody .subSide .subSideMain .bd li{ background: url(../images/bg.png) 10px -215px no-repeat; clear: both; border-top: 1px solid #ddd; line-height: 24px;}
.subBody .subSide .subSideMain .bd li label{ float: left; display: inline-block; padding: 5px 0 5px 20px;}
.subBody .subSide .subSideMain .bd li a{ display: block; padding: 5px 20px}
.subBody .subSide .subSideMain .bd li p a{ border-top: 1px solid #ddd; width: 100%; text-indent: 30px; padding: 5px 0; background: url(../images/bg.png) 20px -124px no-repeat;}
.subBody .subSide .subSideMain .bd li span{ display: block; float: left; text-indent: 0; padding: 5px 0;}
.subBody .subSide .subSideMain .bd li p a:hover{ background: #f7f7f7 url(../images/bg.png) 20px -174px no-repeat;}

.subCont{ line-height: 30px; font-size: 16px; font-family:"Microsoft YaHei";}
.subCont p{ padding: 5px 0;}
.subCont dl{}
.subCont dt{ font-weight: bold; font-size: 14px;}
.subCont dd{ padding: 3px 30px; font-size: 14px; line-height: 24px; background: url(../images/bg.png) 15px -216px no-repeat;}
.subCont dd label{}
.subCont ul li{ font-size: 14px; line-height: 24px;}

/*新闻栏目*/
.news_list li{ height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px dotted #ddd; border-top: 1px dotted #fff; padding: 0 24px; background: url(../images/bg.png) 0px -18px no-repeat; position: relative;}
.news_list li:first-child{ border-top: none;}
.news_list li:last-child{ border-bottom: none;}
.news_list li:hover{ background: url(../images/bg.png) 0px -68px no-repeat;}
.news_list li em{ position: absolute; right: 0; top: 0; font-style: normal; }


/*产品栏目*/
.product_list{ margin-left: -30px; margin-top: -60px;}
.product_list li{ background: #f2f2f2; display: inline-block; margin-left: 30px; padding: 14px; width: 200px; height: 180px; overflow: hidden; float: left; margin-top: 30px; transition: 1s; -moz-transition: 1s;/* Firefox 4 */-webkit-transition: 1s;	/* Safari 和 Chrome */-o-transition: 1s; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.product_list li h3{ padding: 10px 0 0; font-size: 16px; text-align: center; font-weight: normal;}
.product_list li p{ font-size: 12px; line-height: 24px;}
.product_list li:hover{ background: #d11f3d; transition: 1s; -moz-transition: 1s;/* Firefox 4 */-webkit-transition: 1s;	/* Safari 和 Chrome */-o-transition: 1s; border: 1px solid #b3122d;}
.product_list li:hover a,.product_list li:hover p{ color: #fff; transition: 0.5s linear 0s; -moz-transition: 0.5s linear 0s;/* Firefox 4 */-webkit-transition: 0.5s linear 0s;/* Safari 和 Chrome */-o-transition: 0.5s linear 0s;}


/*案例样式*/
.caseList{ border-top: 1px dotted #fff; border-bottom: 1px dotted #ddd; padding: 10px 0;}
.caseList:first-child{ border-top: 0;}
.caseList:last-child{ border-bottom: 0;}
.caseList .caseImg{ float: left; padding: 10px; width: 200px;}
.caseList .caseImg img{ width: 200px;}
.caseList .caseImg:hover{ background: #fff; transition: 1s; -moz-transition: 1s;/* Firefox 4 */-webkit-transition: 1s;/* Safari 和 Chrome */-o-transition: 1s;}
.caseList .caseCont{ float: left; padding-left: 10px; width: 510px; padding-top: 10px;}
.caseList .caseCont .caseSign{ font-size: 12px; line-height: 20px;}
.caseList .caseCont .caseSign span{ padding-right: 20px;}
.caseList .caseCont p{ padding-top: 5px;}


/*列表内容页*/
.listConts{ position: relative; /*text-shadow: #fff 0 1px 0;*/}
.listConts .title{ font-size:24px; line-height: 50px; height: 50px; font-family: "Microsoft YaHei"; text-align: center; font-weight: normal; color: #092938; padding-bottom: 15px; border-bottom: 1px dotted #ddd;}
.listConts .desc{ background: #fafafa; border-radius: 2px; padding: 12px 13px; border: 1px solid #ddd; position: relative; margin-top: -1px;}
.listConts .desc span{ color: #e62243;}
.listConts .textCont{ padding: 20px 0; font-size: 14px; line-height: 30px;}
.listConts .showimg{ margin:30px 0 0;text-align:center;}
.listConts .showimg a img{}
.listConts .showimg a:hover img{}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}


/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}


/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{ border-top: 1px dotted #ddd; border-bottom: 1px dotted #fff; height: 0;font-size: 0; overflow: hidden;}
.preNext .line strong{}
.preNext .text{color:#999; padding: 10px 0;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}


/*分页样式*/
.page_info{text-align:center;margin-top:30px;color:#333;}
.page_info span{padding:0 5px;font-weight:bold;}
.page_list{height:30px;line-height:30px;text-align:center;letter-spacing:0;font-size:12px;margin-top:30px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #ddd;background:#fff;text-align:center;padding:0 12px;margin:0 2px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989; text-decoration: none;}
.page_list a.on{color:#fff;border:1px solid #e62243;background:#e62243;}


/*在线客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{width:127px;border:1px solid #51b5f0;position:fixed;top:45%;right:0;background:url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5;min-height:50px;_height:auto!important;_height:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130)));}
.kf_r{margin-left:37px;background:#16a2dd;color:#fff;text-align:center;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}


/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

/*详细页*/
.showimg{ display: none;}
.conimg{ width: 748px; text-align: center; margin: 0 auto; padding: 20px 0;}
.conimg img{ max-width: 748px;}
.conimg span{ padding: 5px 0; width: 100%; text-align: center; display: block;}
.conpro { padding-top: 60px;}
.conpro .product_list img{ width: 200px;}
.conpro .product_list span{ width: 200px; display: block; padding: 5px 0 0; text-align: center;}

.table{ width: 748px; border: 1px solid #ccc; background: #fff; border-collapse: collapse; border-spacing: 0;}
.table td{ border: 1px solid #ccc; vertical-align: top; font-size: 12px; padding: 3px 5px;}
.table td.th{ text-align: center; background: #ededed;}
.table td ul{ padding-left: 18px;}
.table td li{ line-height: 20px; padding: 2px; list-style: disc;}

/*侧栏产品列表*/


/*新增页面*/
.c-title{ font-size: 30px; text-align: center; padding: 50px 0 50px; line-height: 30px; color: #4298d3;}
.c-img{ text-align: center; padding: 10px 0; }
.c-content{ width: 100%; padding: 10px 0; font-size: 16px; line-height: 36px; }
.c-content dl{ padding: 0; }
.c-content dd,.c-content dt{ font-size: 16px; line-height: 36px; text-align: left;}
.c-content dt{ font-weight: bold; padding: 10px 0; }
.c-content p{ padding: 10px 0; font-size: 16px; line-height: 36px;}

.c-line{ padding: 50px 0 0; display: block; width: 100%; height: 1px; }
.c-line2{ padding: 20px 0 0; display: block; width: 100%; height: 1px; }

.subBody .w,.mainbody .w{ padding-bottom: 50px; }

.subBody .w img,.mainbody .w img{ max-width: 100%; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { -webkit-box-sizing: border-box;  box-sizing: border-box;
}